<template> 
    <div class="chufang-content">
            <div class="cf-content clear-both">
            <div class="head clear-both group">
                <div class="head-img float-right">
                    <image  class="img"  mode="aspectFit"  :src="doctor.avatar?doctor.avatar:'https://rqys.hleason.com/dist/images/plh.png'"  ></image>
                    <div class="describe">
                    <p class="name">{{doctor.name}}</p>
                    </div>
                </div> 
                <div class="title float-left"><span>预约医师</span></div>
            </div>
            <div class="content group">
                <div class="title">处方</div>
                <div class="drug">{{item.content}}</div>    
            </div>
            <div class="content group">
                <div class="title">医师叮嘱</div>
                <div class="drug">{{item.remark}}</div>    
            </div>
            <div class="footer float-right">
                合计：<span>￥{{item.order_price}}</span>
            </div>
        </div> 
    </div>
</template>

<script>

export default {
    props: {
        item:{
            default:{},
            type:Object
        },
        doctor:{
            default:{},
            type:Object
        }
    },
}

</script>
 
<style scoped lang="scss">

.chufang-content{
    margin-bottom:20rpx;
    .cf-content{ 
        padding:10rpx 25rpx;
        margin-bottom:20rpx;
        box-sizing:border-box;
        background:#fff;
        border-radius:10rpx;
        .group{
            padding:20rpx 0;
            box-sizing:border-box;
            border-bottom:1rpx solid #E0E0E0;
        }
        .title{
            font-size:27rpx;
            color:#A3A3A3;
        }
        .head{   
            .head-img{ 
                display: flex;
                justify-content:center;
                align-items:Center; 
                .img{
                    width:70rpx;
                    height:70rpx;
                    border:0;  
                }
                .describe{ 
                    display:inline-block; 
                    margin-left:18rpx;
                    .name{
                        font-size:28rpx;
                        color:#333; 
                    }
                    .text-info{
                        margin-top:6rpx;
                        font-size:24rpx;
                        color:#CBCAC9;
                    }
                }
            }
            .title{
                span{
                    line-height:70rpx;
                }
            }
            
        }
        .drug{
            font-size:28rpx;
            color:#333;
            margin-top:10rpx;
        }
        .footer{
            font-size:30rpx;
            color:#333;
            padding:20rpx;
            box-sizing:border-box;
            span{
                color:#CD4640;
            }
        }
    }

}


</style>
